<template>
  <van-grid v-if="list?.length > 0" :border="false" :column-num="columnNum" class="min-h-30px dk-app-gold-grid">
    <van-grid-item v-for="(item, key) in list" :key="key">
      <img
        :src="item.image"
        alt=""
        :style="
          useImageStyle
            ? imageStyle
            : {
                width: '40px',
                height: '40px',
                marginBottom: '10px',
                borderRadius: '10px'
              }
        "
      />
      <span>{{ item.title }}</span>
    </van-grid-item>
  </van-grid>
  <el-empty v-else></el-empty>
</template>
<script>
export default {
  name: 'DkAppGoldGrid',
  props: ['list', 'columnNum', 'imageStyle', 'useImageStyle'],
  data: () => {
    return {
      value: ''
    }
  }
}
</script>

<style scoped lang="scss">
.dk-app-gold-grid {
  &:deep {
    .van-grid-item__content {
      background: none;
    }
  }
}
</style>
